<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>订餐</title>
		<link rel="stylesheet" href="layui/css/layui.css" media="all">
		<link rel="stylesheet" type="text/css" href="static/top.css" />
		<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
		<style type="text/css">
			.content {
				border-top: dodgerblue solid 2px;
				margin: 20px;
			}
			
			.food {
				border: 2px solid beige;
				margin-top: 10px;
			}
			
			.food img {
				margin: 10px;
				width: 98%;
			}
		</style>
	</head>

	<body>
		
	<!--
    	作者：offline
    	时间：2018-05-06
    	描述：修改订单状态
    	<script>
			var param={
				iorderID:'0009'
			};
			$.ajax({  
			    type: 'post',  
			    url: 'shopUpdateOrder.php',
			    data: param,
			    success: function(data){ 
			        alert(data);
				}
			});
		</script>
    -->
    <!--
    	作者：offline
    	时间：2018-05-06
    	描述：
    	<script>
			var param={
				iorderID:'0009'
			};
			$.ajax({  
			    type: 'post',  
			    url: 'showOrder.php',
			    data: param,
			    success: function(data){ 
			    	var a=JSON.parse(data);
			        alert(a.ID);
			    }
			 });
		</script>
    -->
    
		<div class="top">
			<div class="layui-row layui-col-space1">
				<div class="layui-col-md7 ">
					<img src="img/logo1.jpg" />
				</div>
				<div class="layui-col-md5">
					<h1>Welcome</h1>
					<p>你来点，我来送</p>
					<p>足不出户让你享受全城美食</p>
				</div>
			</div>
		</div>
		<div class="content">
			<div class="title">
				<h1>商家团购及优惠</h1>
			</div>
			<div class="food">
				<div class="layui-row layui-col-space20" style="margin-top: 20px;">
					<div class="layui-col-md2">
						<img src="img/photo1.jpg" />
					</div>
					<div class="layui-col-md8 layui-col-space5">
						<h2>10人餐</h2>
						<p>已售171</p>
						<h1>488.00</h1>
					</div>
					<div class="layui-col-md2">
						<a href="submitOrder.html" class="layui-btn layui-btn-lg layui-btn-radius layui-btn-primary">立即抢购
						</a>
					</div>
				</div>
			</div>
			<div class="food">
				<div class="layui-row layui-col-space20" style="margin-top: 20px;">
					<div class="layui-col-md2">
						<img src="img/photo1.jpg" />
					</div>
					<div class="layui-col-md8">
						<h2>10人餐</h2>
						<p>已售171</p>
						<h1>488.00</h1>
					</div>
					<div class="layui-col-md2">
						<a href="submitOrder.html" class="layui-btn layui-btn-lg layui-btn-radius layui-btn-primary">立即抢购
						</a>
					</div>
				</div>
			</div>
			<div class="food">
				<div class="layui-row layui-col-space20" style="margin-top: 20px;">
					<div class="layui-col-md2">
						<img src="img/photo1.jpg" />
					</div>
					<div class="layui-col-md8">
						<h2>10人餐</h2>
						<p>已售171</p>
						<h1>488.00</h1>
					</div>
					<div class="layui-col-md2">
						<button class="layui-btn layui-btn-lg layui-btn-radius layui-btn-primary">立即抢购
						</button>
					</div>
				</div>
			</div>

		</div>
	</body>
	<script src="layui/lay/modules/form.js"></script>
	<script src="layer/layer.js"></script>
	<script src="layui/layui.js"></script>
	<script src="layui/lay/modules/carousel.js"></script>
	<script type="text/javascript">
	</script>

</html>